﻿<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="robots" content="all" />
<link rel="shortcut icon" href="@Url.Content("~/Content/img/icon.ico")" />

@*<title>Qatar University :: Computing Contest 2011</title>*@
<link href="@Url.Content("~/Content/css/dcmegamenu.css")" rel="stylesheet" type="text/css" />

<title>@ViewBag.Title</title>
<link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
<script src="@Url.Content("~/Scripts/jquery-1.9.1.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>

<script type='text/javascript' src='@Url.Content("~/Content/js/jquery.hoverIntent.minified.js")'></script>
<script type='text/javascript' src='@Url.Content("~/Content/js/jquery.dcmegamenu.1.0.js")'></script>
<link href="@Url.Content("~/Content/css/skins/orange.css")" rel="stylesheet" type="text/css" />

<style type="text/css">

h1.header {
@*    padding-left: 150px; /* width of the image plus a 'buffer' between image and text */
    height: 140px; /* vertical height of the image */
    line-height: 150px; /* to vertically-align the image with the text */
    background: #fff url(@Url.Content("~/Content/img/logo.jpg")) 0 0 no-repeat;*@
    font-size:35px;
    background-color:#FFFFFF;
    border-color:-moz-use-text-color -moz-use-text-color #FBA33F;
    letter-spacing:1px;
    text-align: center;
    margin-right:40px;
}

h1, h2, h3 {
    color:#FBA33F;
    margin:0 0 20px;
    padding:0px 0;
    font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
}

li.selected { text-decoration:underline; }

body
{
  font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
  font-size:large;		
}

div.content {
  clear:both;
  margin-left:20px; margin-right:30px; margin-top:30px; margin-bottom:60px;
}

div.content li {
  margin-left:20px; margin-right:30px; 
  list-style-image: url('@Url.Content("~/Content/img/flower.gif")');
  margin-top: 1em;
}  


div.footer {
  margin-left:20px; margin-right:30px; margin-top:30px; margin-bottom:60px; border-top:thin; border-top-style:groove; border-top-color:#FBA33F;
  padding:10px;
}

</style>

@{
    string currentContestyear = Qu.ComputingContest.Model.RegistrationRepository.GetCurrentContestYear().ToString();
}

<script type="text/javascript">
    $(document).ready(function ($) {
        @if(ViewBag.DoNotShowHomePage == null || !(bool)ViewBag.DoNotShowHomePage)
        {
                if (ViewBag.HtmlPage != null)
                {
                    <text>
        loadContent('@ViewBag.HtmlPage.ToString()');
        $('#@ViewBag.LiTag.ToString()').addClass('selected');
        </text>
                }
                else
                {
                    <text>
        $('#HomeLi').addClass('selected');
        loadContent('Home.htm');
        </text>
                }
        }

        $('#menu').dcMegaMenu({
            rowItems: '3',
            speed: 'fast'
        });

        $("#Home").click(function (e) {
            //e.preventDefault();
            $('title').text("Qatar University :: Computing Contest @Html.Raw(currentContestyear)");
            //loadContent('Home.htm');
        });

        $('#Rules').click(function (e) {
            e.preventDefault();
            loadContent('Rules.htm');
        });

        $('#Tasks').click(function (e) {
            e.preventDefault();
            loadContent('Tasks.htm');
        });

        $('#Scoring').click(function (e) {
            e.preventDefault();
            loadContent('Scoring.htm');
        });

        $('#Prizes').click(function (e) {
            e.preventDefault();
            loadContent('Prizes.htm');
        });

        $('#Keydates').click(function (e) {
            e.preventDefault();
            loadContent('Keydates.htm');
        });

        $('#FAQ').click(function (e) {
            e.preventDefault();
            loadContent('FAQ.htm');
        });

        $('#Contact').click(function (e) {
            e.preventDefault();
            loadContent('Contact.htm');
        });

        $('#Announcements').click(function (e) {
            e.preventDefault();
            loadContent('Announcements.htm');
        });


        $('#Resources').click(function (e) {
            e.preventDefault();
            loadContent('Resources.htm');
        });

        //        $('#Registration').click(function (e) {
        //            e.preventDefault();
        //            loadContent('../ContestRegistration/Registration/New');
        //        });

        $('#nav ul li').click(function () {
            $('#nav ul').children('li').removeClass();
            $(this).addClass('selected');
        });

    });

    function loadContent(strPage) {
        d = new Date();
        //        $('#content').load(strPage + "&time=" + d.getTime());
        //        $('#content').load("@Url.Content("~/?Page=")" + strPage + "&Time=" + d.getTime());
        $('#content').load("@Url.Content("~/Content/")" + strPage + "?" + d.getTime());

        document.title = "Qatar University :: Computing Contest @Html.Raw(currentContestyear)";
    };

</script>

 @RenderSection("head", false)
</head>
<body>

<table width="90%">
    <tr>
        <td width="10%"><img style="height: 140px; margin-right:10px; float:right;" src="@Url.Content("~/Content/img/QU_Logo.png")"/></td>
        <td width="80%" style="vertical-align:bottom"><h1 class="header">Computing Contest @Html.Raw(currentContestyear)</h1></td>
        <td width="10%">
            <a href="http://www.qapco.com/" target="_blank">
                <img style="height: 140px;margin-left:10px; margin-top:5px; width:250px;" src="@Url.Content("~/Content/img/qapco_logo.bmp")"/>
            </a>
        </td>
        <td width="10%">
            <a href="http://www.dolphinenergy.com/en/" target="_blank">
                <img style="height: 140px;margin-left:10px; margin-top:5px; width:250px;" src="@Url.Content("~/Content/img/dolphin-energy.bmp")"/>
            </a>
        </td>
    </tr>
</table>



<div id="nav" class="orange">
<ul id="menu" class="mega-menu">
    <li id="HomeLi"><a id="Home" href="@Url.Content("~/")">Home</a></li>
    <li><a id='Rules' href="#">Contest Rules</a></li>
    <li><a id='Tasks' href="#">Contest Tasks</a></li>
    <li><a id='Scoring' href="#">Scoring</a></li>
    <li><a id='Prizes' href="#">Prizes</a></li>
    <li><a id='Keydates' href="#">Key Dates</a></li>
    <li><a id='Registration' href="@Url.Content("~/Registration/New")">Registration</a></li>
    <li><a id='Resources' href="#">Resources</a></li>
    <li><a id='Announcements' href="#">Announcements</a></li>
    <li><a id='Photos' href="@Url.Content("~/Home/Photos")">Photos</a></li>
    <li><a id='Contact' href="#">Contact Us</a></li>
    <li><a id='FAQ' href="#">Q & A</a></li>
@*     <li><a id='Results' href="@Url.Content("~/Score/Scoreboard")">Results</a></li>*@
</ul>
</div>
<div id="content" class="content"> 

@RenderBody()

</div>

<div id="footer" class="footer">&copy; @Html.Raw(currentContestyear) <a target="_blank" href="http://www.qu.edu.qa/">Qatar University</a></div>


</body>
</html>